<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8">
		<title>Morningstar QuoteSpeed 2.0 - Management</title>
        <link href="../css/qs.css" rel="stylesheet" type="text/css" />
        <link href="../css/qs_ui.css" rel="stylesheet" type="text/css" />
        <link type="text/css" rel="stylesheet" href="signup.css">
        <style>
        .bar{margin-bottom:15px;}  
        #accountlist table{border-collapse:collapse;width:100%;}
        #accountlist table caption{text-align:left;}
        #accountlist table caption h2{font-size:136%;font-weight:bold;padding:8px;width:auto;display:inline-block;float:left;line-height:1;}
        #accountlist table caption .operation{float:right;}
        #accountlist table tr:hover{background:#f3f3f3;}
        #accountlist table th,#accountlist table td{border:1px solid #ddd;border-width:1px 0;padding:3px 5px;text-align:left;}
        #accountlist table th{font-weight:bold;background:#f0f0f0;padding:5px;}
        #accountlist a.edit{display:block;border:1px solid #ccc;background:#f0f0f0;font-size:95%;cursor:pointer;text-align:center;}
        #accountlist .toright{}
        
        .pagination{float:right;}
        .pagination ul li{float:left;padding:3px;background:#f3f3f3;border:1px solid #ddd;min-width:15px;text-align:center;margin:2px;}
        .pagination ul li.on{background:#ccc;}
        .pagination ul li:hover{background:#ccc;}
        
        #accountlist .pagination{margin:8px;}        
        </style>
	</head>
	<body id="regpage">
	    <div id="wrapper">
	        <div id="hd">
	            <div class="logo">
	                <a href="http://www.morningstar.com/"><img height="50" border="0" usemap="#Map" alt="Morningstar" src="IM/mk_quotespeed_mornlogo.png"></a>
	            </div>	            
	        </div>
            <div id="bd">
                <div class="content">
                    <div class="bar" id="">
                        <a href="#">Group Management</a>
                    </div>
                    <div id="accountlist">                        
                        <table>
                            <caption>
                                <h2>Group List</h2>
                            </caption>
                            <thead>
                               <tr><th><input type="checkbox" value="" name="" class="" /></th><th>ID</th><th>Globe Product Code</th><th class="toright">Globe Source Code</th><th>Product Code</th><th>Institution Code</th><th>Subinstitution Code</th><th>Detail</th></tr> 
                            </thead>
                            <tbody>                                
                                                               
                            </tbody>
                        </table>
                        <div class="pagination">
                            <ul>
                                <li><a href="#">Prev</a></li>
                                <li><a href="#">1</a></li>
                                <li class="on"><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#">4</a></li>
                                <li><a href="#">5</a></li>
                                <li><a href="#">6</a></li>
                                <li><a href="#">7</a></li>
                                <li><a href="#">8</a></li>
                                <li><a href="#">9</a></li>
                                <li><a href="#">10</a></li>
                                <li><a href="#">&gt;&gt;|</a></li>
                                <li><a href="#">Next</a></li>
                            </ul>
                        </div>
                    </div>
                </div>                              
            </div>
            <div id="ft">
                <div class="footer">                    
                    <p>
                        Independent.
                        Insightful. Trusted. Morningstar provides stock market analysis;
                        equity, mutual fund, and ETF research, ratings, and picks; portfolio
                        tools; and option, hedge fund, IRA, 401k, and 529 plan research. Our
                        reliable data and analysis can help both experienced enthusiasts and
                        newcomers. Product Specifications are subject to change without notice.
                    </p>
                    <p>
                        © Copyright 2011 Morningstar, Inc. All rights reserved. Please read our <a href="http://www.morningstar.com/AboutUs/copyright.html">Terms of Use</a>
                        and <a href="http://members.morningstar.com/memberstpages/PrivacyPolicy.html">Privacy Policy</a>.
                    </p>                
                </div>
            </div>
	    </div>
        <script src="../lib/jquery.js" type="text/javascript"></script>
        <script src="../lib/jquery.json.min.js" type="text/javascript"></script>      
        <script>
            var tabData=[];
            tabData.push({txt:'All',id:0,closable:false},{txt:'Approved',id:1,closable:false},{txt:'Unapproved',id:2,closable:false});
            var tbodyObj=$('#accountlist table tbody').eq(0);
            for(var i=0;i<20;i++){
                tbodyObj.append('<tr><td><input type="checkbox" value="" name="" class="" /></td><td>'+(i+1)+'</td><td>QSPO1000C0</td><td class="toright">QSDEV</td><td>QS</td><td>DEV</td><td></td><td><a href="group_detail.htm" class="edit">Edit</a></td></tr>');
            }
            //$("#accountlist table tbody tr:odd").css({background:'#f9f9f9'});            
        </script>
	</body>
</html>